@import "variable";
.login{
  background: #fff;
  .mint-header{
    background-color: #fff;
    color: #000000;
    button{
      font-weight: bold;
    }
  }
  .logo{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .8rem 0;
    img{
      width: 22%;
    }
  }
  .login-form{
    width: 80%;
    margin: 0 auto;
    .yd-cell-item:last-child:after {
      margin-left: .24rem;
      height: 1px;
      position: absolute;
      z-index: 0;
      bottom: 0;
      left: 0;
      content: "";
      width: 100%;
      background-image: linear-gradient(0deg,#ececec 50%,transparent 0);
    }
    .yd-cell{
      .label{
        margin: 0 .1rem 0 0;
      }
      &:after{
        height: 0;
      }
    }
    .input-code{
      width: auto;
      flex: 1;
    }
    .code-btn{
      white-space: nowrap;
      font-size: .28rem;
    }
    .mint-button.btn-login{
      border-radius: .4rem;
      .mint-button-text{
        font-size: .34rem;
      }
    }
    .mint-button--default.btn-login{
      background: #bababa;
      margin-top: .2rem;
      .mint-button-text{
        color: #fff;
      }
    }
    .other-between{
      padding: .3rem 0 0 0;
      display: flex;
      justify-content: space-between;
      a{
        &:last-child{
          color: #2e71c9;
        }
      }
    }
  }
  .other-login{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: .3rem 0 0 0;
    .middle-line{
      padding: 0 .1rem;
      color: #999999;
      @include middleLine(.5rem, #cccccc);
    }
    .weixin-between{
      margin: .4rem 0 .5rem 0;
      color: #cccccc;
      width: 50%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .xffont{
        font-size: 1.1rem;
      }
    }
  }
}
